<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ info['name'] }}的主页</title>
    <link rel="stylesheet" href="../../static/css/web_css/home.css">
    <link rel="stylesheet" href="../../static/css/web_css/home_user.css">
    <script>
        window.onload = function()
        {
            location.hash = "serve1";
        }
    </script>
</head>
<body>
    <div class="header">
        <div class="logo"></div>
        <ul>
            <li class="serve">更新公告
                <ul>
                    <li><a href="">更新公告</a></li>
                </ul>
            </li>
            <li class="serve">通行码
                <ul>
                    <li><a href="">随机不含行程卡</a></li>
                    <li><a href="">随机含行程卡</a></li>
                    <li><a href="">自定义通行码</a></li>
                    <li><a href="">李达的通行码</a></li>
                </ul>
            </li>
            <li class="serve">账号服务
                <ul>
                    <li><a href="">登录到我的账号首页</a></li>
                    <li><a href="">查看我的账号</a></li>
                    <li><a href="">编辑博客</a></li>
                    <li><a href="">给开发者给予反馈</a></li>
                </ul>
            </li>
            <li class="serve">邮件服务
                <ul>
                    <li><a href="">早安邮件</a></li>
                    <li><a href="">天气预报邮件</a></li>
                    <li><a href="">成绩通知邮件</a></li>
                    <li><a href="">查询邮件</a></li>
                </ul>
            </li>
            <li class="serve">管理服务
                <ul>
                    <li><a href="">后台数据总览</a></li>
                    <li><a href="">服务器命令执行</a></li>
                    <li><a href="">调整网站数据</a></li>
                    <li><a href="">给用户发送邮件</a></li>
                </ul>
            </li>
        </ul>

    </div>
    <div class="body">
        <div class="box">
            <div class="user_info">
                <div class="user_img"></div>
                <div class="user_name">邮箱: {{ info['mail'] }}</div>
                <div class="user_name">昵称: {{ info['name'] }}</div>
                <div class="user_name">电话: {{ info['phone'] }}</div>
                <div class="user_name">简介: {{ info['introduce'] }}</div>
            </div>
            <div class="function">
                <ul>
                    <li><a href="#serve1">消息</a></li>
                    <li><a href="#serve2">邮件发送</a></li>
                    <li><a href="#serve3">管理</a></li>
                    <li><a href="#serve4">服务4</a></li>
                    <li><a href="#serve5">服务5</a></li>
                    <li><a href="#serve6">服务6</a></li>
                    <li><a href="#serve7">日志</a></li>
                </ul>
            </div>
            <div class="content" id="serve1">
                this serve1
            </div>
            <div class="content" id="serve2">
                this serve2
            </div>
            <div class="content" id="serve3">
                this serve3
            </div>
            <div class="content" id="serve4">
                this serve4
            </div>
            <div class="content" id="serve5">
                this serve5
            </div>
            <div class="content" id="serve6">
                this serve6
            </div>
            <div class="content" id="serve7">
                this serve7
            </div>
        </div>
    </div>
</body>
</html>